<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">

    <title>数据分析展示界面</title>

    <script type="text/javascript" src="./resources/js/contants.js"></script>

    <link href="./resources/css/bootstrap.min.css" rel="stylesheet">
    <link href="./resources/css/font-awesome.min.css" rel="stylesheet">
    <link href="./resources/css/style.min.css" rel="stylesheet">
    <link href="./resources/css/dateRange.css" rel="stylesheet">
    <link rel="stylesheet" href="./resources/css/layer.css" id="layui_layer_skinlayercss" style="">
    <link rel="stylesheet" href="./resources/css/layer.ext.css" id="layui_layer_skinlayercss" style="">
    <link rel="stylesheet" href="./resources/css/style.css" id="layui_layer_skinlayercss" style="">
    <style type="text/css">
        .fixed-nav .slimScrollDiv #side-menu {
            padding-bottom: 60px;
        }
    </style>
</head>

<body class="fixed-sidebar full-height-layout gray-bg  pace-done">
    <div id="wrapper">
        <!--左侧导航开始-->
        <nav class="navbar-default navbar-static-side" role="navigation">
            <div class="nav-close">
                <i class="fa fa-times-circle"></i>
            </div>
            <div class="slimScrollDiv" style="position: relative; width: auto; height: 100%; ">
                <div class="sidebar-collapse" style="width: auto; height: 100%; ">
                    <ul class="nav" id="side-menu">
                        <li class="nav-header">
                            <div class="dropdown profile-element">
                                <span>
                                    <img alt="image" class="img-circle" src="">
                                </span>
                                <a data-toggle="dropdown" class="dropdown-toggle" href="#" aria-expanded="false">
                                    <span class="clear">
                                        <span class="block m-t-xs">
                                            <strong class="font-bold">yihou</strong>
                                        </span>
                                        <span class="text-muted text-xs block">管理员
                                            <b class="caret"></b>
                                        </span>
                                    </span>
                                </a>
                                <ul class="dropdown-menu animated fadeInRight m-t-xs">
                                    <li>
                                        <a href="./login.html">安全退出</a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="active">
                            <a class="J_menuItem" href="pages/first_page.html" data-index="0">
                                <i class="fa fa-home"></i>
                                <span class="nav-label">首页</span>
                            </a>
                        </li>
                        <li class="">
                            <!--<a href="#">
                                <i class="fa fa-user"></i>
                                <span class="nav-label">测试展示</span>
                                <span class="fa arrow"></span>
                            </a>-->
                            <!--<ul class="nav nav-second-level collapse" aria-expanded="true" style="">-->
                            <li>
                                <a class="J_menuItem" href="./pages/task-manage.html" data-index="1">任务管理</a>
                            </li>
                            <li>
                                <a class="J_menuItem" href="javascript:;" data-index="1">任务监控</a>
                            </li>
                            <li>
                                <a class="J_menuItem" href="javascript:;" data-index="1">数据源管理</a>
                            </li>
                            <li>
                                <a class="J_menuItem" href="./pages/test1.html" data-index="2">用户session分析</a>
                            </li>
                            <li>
                                <a class="J_menuItem" href="./pages/page.html" data-index="3">页面跳转率分析</a>
                            </li>
                            <li>
                                <a class="J_menuItem" href="./pages/test2.html" data-index="3">热门品类分析</a>
                            </li>
                            <li>
                                <a class="J_menuItem" href="./pages/test4.html" data-index="3">广告流量分析</a>
                            </li>
                            <!--</ul>-->
                        </li>
                    </ul>
                </div>
                <div class="slimScrollBar" style="background-color: rgb(0, 0, 0); width: 7px; position: absolute; top: 0px; opacity: 0.4; display: none; border-top-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; z-index: 99; right: 1px; height: 344.27390791027153px; background-position: initial initial; background-repeat: initial initial; "></div>
                <div class="slimScrollRail" style="width: 7px; height: 100%; position: absolute; top: 0px; display: none; border-top-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; background-color: rgb(51, 51, 51); opacity: 0.9; z-index: 90; right: 1px; background-position: initial initial; background-repeat: initial initial; "></div>
            </div>
        </nav>
        <!--左侧导航结束-->
        <!--右侧部分开始-->
        <div id="page-wrapper" class="gray-bg dashbard-1">
            <div class="row content-tabs">
                <button class="roll-nav roll-left J_tabLeft">
                    <i class="fa fa-backward"></i>
                </button>
                <nav class="page-tabs J_menuTabs">
                    <div class="page-tabs-content" style="margin-left: 0px; ">
                        <a href="javascript:;" class="J_menuTab active" data-id="pages/first_page.html">首页
                            <i class="fa fa-times-circle"></i>
                        </a>
                    </div>
                </nav>
                <button class="roll-nav roll-right J_tabRight">
                    <i class="fa fa-forward"></i>
                </button>
                <button class="roll-nav roll-right dropdown J_tabClose">
                    <span class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">关闭操作
                        <span class="caret"></span>
                    </span>
                    <ul role="menu" class="dropdown-menu dropdown-menu-right">
                        <li class="J_tabCloseAll">
                            <a>关闭全部选项卡</a>
                        </li>
                        <li class="J_tabCloseOther">
                            <a>关闭其他选项卡</a>
                        </li>
                    </ul>
                </button>
                <a href="./login.html" class="roll-nav roll-right J_tabExit">
                    <i class="fa fa fa-sign-out"></i> 退出</a>
            </div>
            <div class="row J_mainContent" id="content-main">
                <iframe class="J_iframe" name="iframe0" width="100%" height="100%" src="pages/first_page.html" frameborder="0" data-id="pages/first_page.html"
                    seamless=""></iframe>
            </div>
        </div>
        <!--右侧部分结束-->
    </div>

    <!-- 全局js -->

    <script type="text/javascript" src="./resources/js/jquery-2.1.1.min.js"></script>
    <script type="text/javascript" src="./resources/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="./resources/js/jquery.metisMenu.js"></script>
    <script type="text/javascript" src="./resources/js/jquery.slimscroll.min.js"></script>
    <script type="text/javascript" src="./resources/js/layer.js"></script>
    <script type="text/javascript" src="./resources/js/dateRange.js"></script>

    <!-- 自定义js -->
    <script type="text/javascript" src="./resources/js/hplus.min.js"></script>
    <script type="text/javascript" src="./resources/js/contabs.min.js"></script>

    <!-- 第三方插件 -->

    <script type="text/javascript" src="./resources/js/pace.min.js"></script>
    <script type="text/javascript" src="./resources/js/pace.min.js"></script>


    <script type="text/javascript" src="./js/interface.js"></script>

</body>

</html>